<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="js/watermark.min.js"></script>
    <!-- <script src="https://coa-it.chehejia.com:9528/js/lbp/software/watermark/watermark.min.js?v=202002040001"></script>   -->
</head>

<body>
    <div>
        根据页面的内容的大小，铺满水印
    </div>
     <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">
    <img class="main_img img-hover" data-imgurl="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" src="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=1298774584,1635835879&amp;fm=11&amp;gp=0.jpg" style="background-color: rgb(143, 163, 167); width: 291px; height: 182px;">

</body>
<script type="text/javascript">
    // document.oncontextmenu = function (env) {
    //     return false;
    // }
    
    window.onload = function () {
        var watermarkInstance = new LBPWatermark("我的水印—@@@@@@@@@@@@@", { color: '#EEEEEE', fontSize: '14px', opacity: 0.05, yYpace: 180, xSpace: 80, ySpace: 180 });
        watermarkInstance.init();
    };

</script>

</html>